<!DOCTYPE html>
<html>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta name="viewport" content="width=device-width,height=device-height,inital-scale=1.0,maximum-scale=1.0,user-scalable=no;" />
<meta name="apple-mobile-web-app-capable" content="yes" />
<meta name="apple-mobile-web-app-status-bar-style" content="black" />
<meta name="format-detection" content="telephone=no" />
<meta charset="utf-8" />
<style type="text/css">
    img {
        border:0;
    }
    ul {
        list-style: none outside none; margin:0; padding: 0;
    }
    /*.body_2 {
        color:#222;
        font-family:Microsoft YaHei, Helvitica, Verdana, Tohoma, Arial, san-serif;
        margin:0; padding: 0;
        text-decoration: none;
        background-color:#fff;
        margin-left:0%;
        margin-top:2%;
    }
    .body_2 .mainmenu:after { clear: both; content: " "; display: block; }

    .body_2 .mainmenu li{
        float:left;
        width: 33%;
        overflow:hidden;
        padding:0.5px;
        background-repeat:no-repeat;
        background-position: center;
        background-size:50px 50px;
        background-position:50% 25%;
    }


    .body_2 .mainmenu li a{
        display:block;
        color:#FFF;
        text-align:center;margin-bottom: 10%; }
    .body_2 .mainmenu li a b{
        display:block; height:70px;
    }
    .body_2 .mainmenu li a img{
        margin: 15px auto 15px;
        width: 50px;
        height: 50px;
    }

    .body_2 .mainmenu li a span{  height:30px; line-height:30px; color: black;  }

    .body_2 .mainmenu li:nth-child(8n+1) {background-color:#fff}
    .body_2 .mainmenu li:nth-child(8n+2) {background-color:#fff}
    .body_2 .mainmenu li:nth-child(8n+3) {background-color:#fff;border-right: 0;}
    .body_2 .mainmenu li:nth-child(8n+4) {background-color:#fff;border-bottom: 0;}
    .body_2 .mainmenu li:nth-child(8n+5) {background-color:#fff;border-bottom: 0;}
    .body_2 .mainmenu li:nth-child(8n+6) {background-color:#fff;border-bottom: 0;border-right: 0;}
    .body_2 .mainmenu li {border:1px solid #E5EAEE;border-top:0;border-left: 0;}*/
</style>
<ion-header-bar align-title="center" class="bar bar-header bar-light" style='background: url(img/icon/headerline.png); background-size: contain; background-position: bottom; background-repeat: no-repeat;'>
    <a class="button icon-left ion-ios-arrow-left button-clear button-light" ng-click="backGo()"></a>
    <h1 class="title">审批</h1>
</ion-header-bar>
<ion-content>
    <div id="content">
        <img src="img/icon/lunbo1.png" width="100%"/>
        <div class="body_2">
            <ul class="mainmenu">
              <li pos="p1" on-touch="onTouch($event)" on-release="onRelease()"
                  ng-style="{'background-color': pos=='p1' ? '#eef1f4' : '#fff','background-image': pos == 'p1' ? 'url(img/icon/waitdo.png)':'url(img/icon/waitdo.png)'}"><a href="#/waitdo" ><b></b><span>待办</span></a></li>
              <li pos="p2" on-touch="onTouch($event)" on-release="onRelease()"
                  ng-style="{'background-color': pos=='p2' ? '#eef1f4' : '#fff','background-image': pos == 'p2' ? 'url(img/icon/alreadydo.png)':'url(img/icon/alreadydo.png)'}"><a href="#/alreadydo" ><b></b><span>已办</span></a></li>
              <li pos="p3" on-touch="onTouch($event)" on-release="onRelease()"
                  ng-style="{'background-color': pos=='p3' ? '#eef1f4' : '#fff','background-image': pos == 'p3' ? 'url(img/icon/mystarted.png)':'url(img/icon/mystarted.png)'}"><a href="#/myStarted" ><b></b><span>我发起的</span></a></li>

              <li pos="p4" on-touch="onTouch($event)" on-release="onRelease()"
                  ng-style="{'background-color': pos=='p4' ? '#eef1f4' : '#fff','background-image': pos == 'p4' ? 'url(img/icon/leave.png)':'url(img/icon/leave.png)'}">
                <a href="#/leaveApply" ><b></b><span>请假申请</span></a>
              </li>

              <li pos="p5" on-touch="onTouch($event)" on-release="onRelease()"
                  ng-style="{'background-color': pos=='p5' ? '#eef1f4' : '#fff'}"><a href="#" ><b></b><span>&nbsp;</span></a></li>

              <li pos="p6" on-touch="onTouch($event)" on-release="onRelease()"
                  ng-style="{'background-color': pos=='p6' ? '#eef1f4' : '#fff'}">
                <a href="#" ><b></b><span>&nbsp;</span></a>
              </li>

              <!--<li pos="p8" on-touch="onTouch($event)" on-release="onRelease()"
                  ng-style="{'background-color': pos=='p8' ? '#8BDF72' : '#fff','background-image': pos == 'p8' ? 'url(img/icon/signin_active.png)':'url(img/icon/signin.png)'}">
                <a href="#/"><b></b><span on-touch="onTouch($event)" on-release="onRelease()"
                                                ng-style="{'color': pos=='p8' ? '#fff' : 'black'}">签到</span></a>
              </li>-->
            </ul>
        </div>
    </div>
</ion-content>
</html>
